<!DOCTYPE html>
<html lang="en" style="font-size: 10px">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>汇才电商-首页</title>
    <script data-main="../src/apps/index.js" src="../src/require.js"></script>
    <script src="../src/config.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header class="container-fluid">
        <div class="container search-box">西裤</div>
        <nav class="container nav">
            <ul id="move01">
                <li class="active">精选</li>
                <li>数码</li>
                <li>运动</li>
                <li>男装</li>
                <li>家电</li>
                <li>美妆</li>
                <li>个护</li>
                <li>男装</li>
                <li>家电</li>
                <li>美妆</li>
                <li>个护</li>
                <li>更多</li>
            </ul>
        </nav>
        <div class="container swipe-box" id="swipe01">
            <ul>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/60332b495f4313ce257a52d5.png"></a>
                </li>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/60332bc15f4313ce257a88b9.png"></a>
                </li>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/60332bc15f4313ce257a88bd.png"></a>
                </li>
            </ul>

        </div>
    </header>
    <!-- icon 菜单 -->
    <ul class="container icon-nav">
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359be5f4313ce259513c7.png" alt=""><span>汇才购物</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359c05f4313ce25951470.png" alt=""><span>9.9包邮</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359c05f4313ce2595147c.png" alt=""><span>清仓特卖</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359c05f4313ce2595148c.png" alt=""><span>1元福利</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359c05f4313ce2595149d.png" alt=""><span>话费充值</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359ed5f4313ce259529cb.png" alt=""><span>砍至1元</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359ed5f4313ce259529d1.png" alt=""><span>拼团购</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359ed5f4313ce259529dc.png" alt=""><span>天天抽奖</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359ed5f4313ce259529e8.png" alt=""><span>领金币</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/603359ed5f4313ce259529f7.png" alt=""><span>工厂直供</span></a>
        </li>
    </ul>

    <!-- 广告图片 -->
    <div class="container ad-box01">
        <a href="#"><img src="https://img.imgdb.cn/item/603360f95f4313ce259942cf.png" alt=""></a>
        <ul class="ul01">
            <li>
                <a href="#"><img src="https://img.imgdb.cn/item/603363885f4313ce259b097f.png"></a>
            </li>
            <li>
                <a href="#"><img src="https://img.imgdb.cn/item/603363885f4313ce259b0984.png"></a>
            </li>
        </ul>
        <ul class="ul02">
            <li>
                <a href="#"><img src="https://img.imgdb.cn/item/603363885f4313ce259b0968.png"></a>
            </li>
            <li>
                <a href="#"><img src="https://img.imgdb.cn/item/603363885f4313ce259b0970.png"></a>
            </li>
            <li>
                <a href="#"><img src="https://img.imgdb.cn/item/603363885f4313ce259b0978.png"></a>
            </li>
        </ul>
    </div>

    <!-- 倒记时单品 -->
    <section class="container single-01">
        <div class="title countdown" data-time="3600">
            <p>超级单品</p>
            <div class="time countdown-hour"></div>
            <span class="fg">:</span>
            <div class="time countdown-minute"></div>
            <span class="fg">:</span>
            <div class="time countdown-second"></div>
        </div>
        <ul>
            <li>
                <a href="./index.html">
                    <img src="https://img.imgdb.cn/item/603367e95f4313ce259e61f6.png">
                    <strong>￥3399.0</strong>
                    <span>￥4400.0</span>
                </a>
            </li>
            <li>
                <a href="./search.html">
                    <img src="https://img.imgdb.cn/item/603367e95f4313ce259e6209.png">
                    <strong>￥49.9</strong>
                    <span>￥66.0</span>
                </a>
            </li>
            <li>
                <a href="./find.html">
                    <img src="https://img.imgdb.cn/item/603367e65f4313ce259e5fe8.png">
                    <strong>￥99.9</strong>
                    <span>￥158.0</span>
                </a>
            </li>
            <li class="last">
                <a href="./my.html">
                    <img src="https://img.imgdb.cn/item/603367e95f4313ce259e6186.png">
                    <strong>￥69.9</strong>
                    <button>立即抢购></button>
                </a>
            </li>
        </ul>
    </section>

    <!-- 活动类型 -->
    <section class="container type-box">
        <ul id="move02">
            <li class="active">
                <img src="https://img.imgdb.cn/item/60337bc15f4313ce25aa16b7.png">
                <p>精选</p>
                <span>猜你喜欢</span>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/60337bc15f4313ce25aa16bc.png">
                <p>每日上新</p>
                <span>新品抢鲜</span>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/60337bc15f4313ce25aa16c2.png">
                <p>先用后付</p>
                <span>安心花吧</span>
            </li>
            <li>
                <img src="https://img.imgdb.cn/item/60337bc15f4313ce25aa16c6.png">
                <p>限时拼团</p>
                <span>拼出好价</span>
            </li>

        </ul>
    </section>
    <!-- 产品列表 -->
    <section class="container-fluid" style="background-color: #f2f2f2;">
        <div class="container product-list">
            <ul class="left">
                <li>
                    <a href="#">
                        <img src="https://img.imgdb.cn/item/603458185f4313ce25065883.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://img.imgdb.cn/item/60345a5f5f4313ce250732c7.png">
                    </a>
                </li>
            </ul>
            <ul class="right">
                <li>
                    <a href="#">
                        <img src="https://img.imgdb.cn/item/60345a5f5f4313ce250732cd.png">
                        <div class="product-des">
                            <span>促销</span>
                            <p class="title">超级无敌 纯棉成人儿童毛巾</p>
                            <div class="huodong"><span>满39减5</span><span>金币抵￥8.1</span></div>
                            <p class="price">￥27</p>
                        </div>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://img.imgdb.cn/item/60345a5f5f4313ce250732c4.png">
                        <div class="product-des">
                            <span>促销</span>
                            <p class="title">超级无敌 纯棉成人儿童毛巾</p>
                            <div class="huodong"><span>满39减5</span><span>金币抵￥8.1</span></div>
                            <p class="price">￥27</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <footer class="container-fluid tabbar">

        <ul class="container-fluid">
            <li class="active">
                <a href="./inex.html">
                    <i></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="./type.html">
                    <i></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./discover.html">
                    <i></i>
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="./myroom.html">
                    <i></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>